<template>
	<view class="content">
		<!-- #ifndef H5 -->
		<Nav :isShow="false"></Nav>
		<!-- #endif -->
		<view class="borders">
			<u-tabs
				:list="list1"
				:lineWidth="65"
				:lineColor="'#94c9ff'"
				@click="click"
				current="0"
				class="tabs"
			></u-tabs>
		</view>

		<Shi v-show="currentPage == 1"></Shi>
		<Wei v-show="currentPage == 0"></Wei>
		<Aside></Aside>
	</view>
</template>

<script>
import Nav from "@/components/top_nav.vue";
import Aside from "@/components/asideNav.vue";
import Wei from "../../components/preferential/wei.vue";
import Shi from "../../components/preferential/shi.vue";
export default {
	components: {
		Shi,
		Wei,
		Aside,
		Nav
	},
	data() {
		return {
			list1: [
				{
					name: "未使用"
				},
				{
					name: "已使用/过期"
				}
			],
			currentPage: 0
		};
	},
	onLoad() {},
	methods: {
		click(item) {
			this.currentPage = item.index;
		}
	}
};
</script>

<style lang="scss" scoped>
.content {
	/* #ifndef H5 */
	margin-top: 5vh;
	/* #endif */
}
.data-v-0de61367 {
	margin-left: -20px;
}
.vue-ref-in-for {
	margin-left: 140px;
}
</style>
